Facebookアプリ入門-Activity Feed Plugin-

#Facebook

横田あかり

2011.10.30

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

Activity Feed Plugin

Activity Feed Pluginは、最近のアクティビティについて表示するプラグインです。早速やってみましょう。

Activity Feedのソース生成画面

素晴らしい事にActivity Feedのソースを生成してくれるページがあります。早速アクセスして生成しましょう。

Get Codeボタンを押すとコードの選択画面になります。今回は、IFrameのコードをコピペします。

動作確認

最後に、akari7.netのHTMLを修正して動作確認します。

<html>
    <head>
      <title>My Great Web page</title>
    </head>
    <body>
       <iframe src="https://www.facebook.com/plugins/like.php?href=http://akari7.net"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

<iframe src="//www.facebook.com/plugins/activity.php?site=http%3A%2F%2Fakari7.net%2F&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light&amp;linktarget=_blank&amp;border_color&amp;font&amp;recommendations=false&amp;appId=281845481847126" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowTransparency="true"></iframe>

    </body>
</html>

ブラウザから確認すると正しく表示されました！